{{ define "main" }}

<div class="post">
    <div class="title-group">
        <div class="title">
            <h1>{{ .Title }}</h1>
        </div>
        <div class="date">
            <h5>{{ .Params.date.Format "Jan 02, 2006" }}</h5>
        </div>
    </div>
    <article class="content">
        {{ .Content }}
    </article>
    {{ with .Params.tags }}
    <div class="tags">
        <span title="Tags">🏷</span>
        <div class="horizontal-links links">
            {{ range . }}{{ with $.Site.GetPage (printf "/tags/%s" ( . | urlize)) }}<a
                href="{{ .RelPermalink }}">{{ .Title }}</a>{{ end }}{{ end }}
        </div>
    </div>
    {{ end }}
    </article>

    <br>

    <link rel="stylesheet" href="https://unpkg.com/vssue/dist/vssue.min.css">
    <script src="https://unpkg.com/vue/dist/vue.runtime.min.js"></script>
    <script src="https://unpkg.com/vssue/dist/vssue.github.min.js"></script>

    <div id="vssue"></div>

    <script>
        new Vue({
          el: '#vssue',
    
          render: h => h('Vssue', {
            props: {
              title: 'Vssue',
              options: {
                owner: 'sdttttt',
                repo: 'sdttttt.github.io',
                clientId: '97eb9ce8ac126f0c7833',
                clientSecret: '831b0efc43a7dd1a3ee0bd1cf221df7531410e18', // 只有在使用某些平台时需要
              },
            }
          })
        })
      </script>

    {{ end }}